<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/meituan.css"/>
    <link rel="stylesheet" href="css/swiper.css" />
    <script type="text/javascript">
    	
   		document.addEventListener('plusready', function(){
   			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"
   			
   		});
   		document.documentElement.style.fontSize = window.innerWidth/3.75+'px';
    </script>
</head>
<body>
	<div class="header">
		<div class="head-left"><!--<a href="">北京&nbsp;&or;</a>--></div>
		<div class="head-search">
			<a href="">传传</a>
		</div>
		<div class="head-right"></div>
	</div>
	<div class="main">
		<div class="banner">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<a href="" class="swiper-slide"><img src="img/aa.jpg"/></a>
					<a href="" class="swiper-slide"><img src="img/aa.jpg"/></a>
					<a href="" class="swiper-slide"><img src="img/aa.jpg"/></a>
					<a href="" class="swiper-slide"><img src="img/aa.jpg"/></a>
					<a href="" class="swiper-slide"><img src="img/aa.jpg"/></a>
					<a href="" class="swiper-slide"><img src="img/aa.jpg"/></a>
					<a href="" class="swiper-slide"><img src="img/aa.jpg"/></a>
				</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
			</div>
		</div>
		<!--<div class="blank5"></div>-->
		<div class="warp">
			<div class="mian-l">
				<img src="img/aa2.jpg"/>
			</div>
			<div class="mian-c">
				<div><img src="img/aa1.jpg"/></div>
				<div><img src="img/a11.jpg"/></div>
			</div>
			<div class="mian-r">
				<div><img src="img/aaaa.jpg"/></div>
				<div><img src="img/a5.jpg"/></div>
			</div>
		</div>
		<!--<div class="blank6"></div>-->
		<div class="main-a">
			<div class="mian-a"><img src="img/images/1__07.png"/><img src="img/images/1__07.png"/><img src="img/images/1__07.png"/></div>
			<div class="mian-b"><img src="img/images/1__07.png"/><img src="img/images/1__07.png"/><img src="img/images/1__07.png"/></div>
		</div>
	
	</div>
	<div class="footer">
		<ul>
				<li class="foot" id="index">
					<a href="#">
						<span class="foot-pic foot1"><img src="img/aaa.jpg"/></span>
						<span class="foot-text">传传</span>
					</a>
				</li>
				<li class="foot" id="faxian">
					<a href="#">
						<span class="foot-pic foot2"><img src="img/a1.jpg"/></span>
						<span class="foot-text">发现</span>
					</a>
				</li>
				<li class="foot" id="wode">
					<a href="#">
						<span class="foot-pic foot3"><img src="img/images/1__03.png"/></span>
						<span class="foot-text">我的</span>
					</a>
				</li>
			</ul>
	</div>
</body>
<script src="js/swiper.js"></script>
<script src="js/jquery-3.1.1.js"></script>
<script type="text/javascript">
	    var swiper = new Swiper('.nav_list .swiper-container', {
	        pagination: '.swiper-pagination',
	        slidesPerView: 5,
	        paginationClickable: true,
	        spaceBetween: 10
	    })
		var swiper = new Swiper('.banner .swiper-container', {
	        pagination: '.swiper-pagination',
	        paginationClickable: true,
	        spaceBetween: 30,
	        centeredSlides: true,
	        autoplay: 2000,
	        autoplayDisableOnInteraction: false
	   })
</script>
<script type="text/javascript">
	$(function(){
			$('#index').click(function(){
			window.location.href = "index.html";
		})
			$('#faxian').click(function(){
			window.location.href = "faxian.html";
		})
			$('#wode').click(function(){
			window.location.href = "wode.html";
		})
	})
</script>
</html>